<style type="text/css">
.select_tr{}
.select_tr:hover{cursor:pointer;color:#FFFFFF; background-color:#0099FF;}

.row0{
cursor:pointer;
color:
}

.row0:hover
{
cursor:pointer;
background-color:lavender;
}

.row1{
	cursor:pointer;
	
}
.row1:hover{
cursor:pointer;
	background-color:lavender;
}
</style>
 {FILE {temp_group_js}}

<form name="frmUpdate" id="frm_groupcat_new" action="" method="post" enctype="multipart/form-data">
<input type="hidden" name="sAction" value="do_edit" /> 
<input type="hidden" id="selected_level" value="0"/>
<input type="hidden" id="yahoo_id" name="yahoo_id"/>
<input type="hidden" id="cat_id" name="cat_id"/>
<input type="hidden" id="cat_name"/>
<input type="hidden" id="list_cats" name="group_child" value="{group_child}"/>
<input type="hidden" name="group_id" value="{group_id}"/>

<table class="adminform">
    <th colspan="3" scope="col">&nbsp;<span class="ajax_loading" id="ajax_loading2">&nbsp;</span></th>
    </tr>
  <tr>
    <td style="width:180px;">{GROUPCATEGORY.group_name}<span class="require">*</span> :</td>
    <td style="width:200px;">
		<input type="text" name="group_name" id="group_name" class="txtbox" value="{group_name}" />
		<span id="alert_cat_name" class="error">&nbsp;</span>
	</td>
	<td>&nbsp;</td>
  </tr>
 
  <tr>
    <td>{GROUPCATEGORY.status} :</td>
    <td><input type="checkbox" name="group_status"  {group_status} /> {FORM.active}</td>
  </tr>
   <tr>
    <td >{GROUPCATEGORY.list_category}</td>
    <td>
		<!--<a href="javascript:popup.open('form_search_category')">Click here to search category</a>
		<span id="alert_cat_id" class="error">&nbsp;</span>-->
		<select id="display_group_child" name="display_group_child" style="height:100px;width:180px;" multiple="multiple" on>
			<!-- BEGIN:rowChild -->
				<option value="{rowChild.product_category_id}" {rowChild.selected}>{rowChild.product_category_name} - {rowChild.product_category_id}</option>
			<!-- END:rowChild -->
		</select>
	</td>
  </tr>
   <tr>
	<td align="left"></td>
    <td colspan="3" align="left">
    	<input type="button" value="{GROUPCATEGORY.remove_this_category}" onclick="remove_cat();"/>
    	<input type="button" value="{GROUPCATEGORY.add_this_category}" onclick="add_cat();" />
    </td>
  </tr>
</table>

			<div id="root" style="float:left;overflow:auto; width:100%">
			<!-- BEGIN:ResultCat -->
			<div id="{row_id}" name="list_cat" style="float:left; margin-left:10px;max-height:260px;width:180px;overflow:auto;background-color:#F5F5F5">
			 <select multiple="multiple" style="height:260px; width:180px; font-size:12px;" 
			 onchange="javascript:HighLightTR(this.value)" id="{RowCat.num_row}" >
			 	 <!-- BEGIN:RowCat -->
				  	<option value="{RowCat.row_id},{RowCat.product_category_id},'{RowCat.num_row}',{RowCat.product_category_yahoo_id},{RowCat.product_category_name}" 
					style="color:{RowCat.parent_img}">{RowCat.product_category_name}</option>
				 <!-- END:RowCat -->
				  </select>
		 	</div>
			 <!-- END:ResultCat -->
			 
			</div>

</form>
<script type="text/javascript">
doListParent();
function delete_item(value)
{
alert("here");
	var arr=document.getElementById('list_cats').value;
	alert(arr);
}
</script>